<!DOCTYPE HTML>
<HTML>
<HEAD>
    <META http-equiv="Content-Type" content="text/HTML; charset=UTF-8">
    <TITLE>華信商会(株) 販売管理業務システム - 請求書</TITLE>
    <link href="/css/financials.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/Common.js"></script>
    <script type="text/javascript" src="/js/time.js"></script>
</HEAD>
<BODY onload="goforit()" style="background-color:#F8F9FB; margin:0;">
<!-- ヘッダー（静的PR20202.htmと同系統の見た目） -->
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
    <TR>
        <TD colspan="2">
            <TABLE width="100%" height="56" border="0" cellPadding="0" cellSpacing="0">
                <TBODY>
                <TR>
                    <TD height="49" bgColor="#666666">
                        <TABLE cellSpacing="0" cellPadding="0" width="100%" border="0">
                            <TBODY>
                            <TR>
                                <TD>
                                    <IMG src="/img/header_logo_rt.gif" width="1" border="0">
                                    <IMG height="1" alt="Skip to page content" src="/img/sp.gif" width="1" border="0">
                                </TD>
                                <TD><IMG src="/img/header_logo.gif" width="185" height="49" border="0"></TD>
                                <TD><IMG height="49" alt="" src="/img/header_logo_rt.gif" width="105" border="0"></TD>
                                <TD><IMG height="49" alt="" src="/img/header_title.gif" width="329" border="0"></TD>
                            </TR>
                            </TBODY>
                        </TABLE>
                    </TD>
                    <TD align="right" bgColor="#666666">&nbsp;</TD>
                </TR>
                <TR align="right">
                    <TD colSpan="3" bgColor="#000000">
                        <IMG height="5" alt="" src="/img/sp.gif">
                        <span id="clock"></span>
                    </TD>
                </TR>
                </TBODY>
            </TABLE>
        </TD>
    </TR>
</TABLE>

<TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
    <TR>
        <TD>
            <DIV class="header3"><BR></DIV>
            <DIV class="bfont" align="left">ログイン：張毅</DIV>
            <BR>
            <DIV class="bfont" align="left">売掛管理−＞請求書</DIV>
            <HR>
        </TD>
    </TR>
</TABLE>

<!-- 請求書 基本情報 -->
<TABLE width="800" align="center" border="0">
    <TR>
        <TD>
            <DIV class="bfont" align="left">基本情報</DIV>
            <TABLE border="0" cellspacing="6">
                <TR>
                    <TD class="datafont">請求書コード</TD>
                    <TD class="datafont" th:text="${header.invoiceNo}"></TD>
                </TR>
                <TR>
                    <TD class="datafont">請求日付</TD>
                    <TD class="datafont" th:text="${#dates.format(header.requestDate,'yyyy-MM-dd')}"></TD>
                </TR>
                <TR>
                    <TD class="datafont">顧客コード</TD>
                    <TD class="datafont" th:text="${header.customerCode}"></TD>
                </TR>
                <TR>
                    <TD class="datafont">顧客名</TD>
                    <TD class="datafont" th:text="${header.customerName}"></TD>
                </TR>
            </TABLE>

            <BR>
            <DIV class="bfont" align="left">明細</DIV>
            <TABLE width="100%" border="1" cellspacing="0" cellpadding="4">
                <TR class="datafont">
                    <TD>項番</TD>
                    <TD>受注コード</TD>
                    <TD>注文日付</TD>
                    <TD>納品日付</TD>
                    <TD>金額（税抜き）</TD>
                    <TD>消費税</TD>
                    <TD>金額（税込み）</TD>
                </TR>
                <TR th:each="d,idx : ${details}" class="datafont">
                    <TD th:text="${idx.index + 1}"></TD>
                    <TD th:text="${d.orderCode}"></TD>
                    <TD th:text="${#dates.format(d.orderDate,'yyyy-MM-dd')}"></TD>
                    <TD th:text="${#dates.format(d.deliveryDate,'yyyy-MM-dd')}"></TD>
                    <TD th:text="${d.amountExclTax}"></TD>
                    <TD th:text="${d.tax}"></TD>
                    <TD th:text="${d.amountInclTax}"></TD>
                </TR>
            </TABLE>

            <BR>
            <DIV class="bfont" align="right">
                <TABLE border="0" cellspacing="4">
                    <TR>
                        <TD class="datafont">請求額合計（税抜）</TD>
                        <TD class="datafont" th:text="${totalExcl}"></TD>
                    </TR>
                    <TR>
                        <TD class="datafont">消費税合計</TD>
                        <TD class="datafont" th:text="${totalTax}"></TD>
                    </TR>
                    <TR>
                        <TD class="datafont">請求額合計（税込）</TD>
                        <TD class="datafont" th:text="${totalIncl}"></TD>
                    </TR>
                </TABLE>
            </DIV>

            <BR>
            <DIV align="center">
                <input type="button" value="戻る" th:onclick="|window.open('@{/PR20201}','_self'); |">
            </DIV>
        </TD>
    </TR>
</TABLE>
</BODY>
</HTML>